@import 'mixin.scss';

/**
 * 车辆苫盖样式
 * author ly
 */

.page-thatch{
	@include body-parts;
	@include video-box;
	@include card-title;

	.card-content{
		width: calc(100% - 20px);
		margin-left: 10px;
		height: calc(100% - 50px);
	}

	.params{
		height: 40px;
		li{
			min-width: 93px;
			font-size: 13px;
			color:#8F8F8F;
		}
		li.item{
			font-size: 14px;
			cursor: pointer;
		}
		li.active{
			color:#fff;
		}
		.state{
			min-width: 30%;
		}
	}

	.vehicle-list{
		width: 100%;
		height: calc(100% - 100px);
		overflow-y: auto;
	}

	.vehicle-config{
		height: 36px;
		padding:0 10px;
		color:rgba(255,255,255,0.7);
		.vehicle-idcard{
			padding-left: 26px;
			background: url(../img/icon-vehicle.png) left bottom no-repeat;
			background-size: 20px auto;
		}
	}
	.img-box{
		width: calc( 50% - 20px);
		height: 120px;
		background:#02090c;
		font-size: 30px;
		font-weight: 300;
		color:rgba(255,255,255,0.2);
		font-family: cursive;
		overflow: hidden;
		position:relative;
		margin-bottom: 10px;
		img{
			width: 100%;
			height: 100%;
			cursor: pointer;
		}
	}

	.pagination-section{
		height: 50px;
		margin-top: 16px;
	}

}
